<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
		<title>银川客运段信息化生产指挥平台</title>
		<meta name="renderer" content="webkit">
		<link rel="icon" href="/frontEnd/images/favicon.ico">
		<link rel="stylesheet" type="text/css" href="css/style.css" />
	</head>

	<body class="login">
		<form action="">
			<ul class="loginBox">
				<h1>用户登录</h1>
				<li class="login_user">
					<input type="text" id="txtAccount" autocomplete="off" placeholder="请输入用户名" />
				</li>
				<li class="login_pw">
					<input type="password" id="txtPassword" autocomplete="off" placeholder="请输入密码" />
				</li>
				<input type="button" id="loginBnt" value="立即登录" />
				<div class="form-message"></div>
			</ul>
			
		</form>

		
		<script src="js/jquery-1.10.2.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			$('#loginBnt').click(function() {
				var userName = $('#txtAccount').val();
				var password = $('#txtPassword').val();
				if(userName == '' || password == '') {
					formMessage("用户名和密码不能为空！");
				} else {
					formMessage('正在登录...', 'succeed');
					window.setTimeout(function() {
						if(userName != 'aa') {
							formMessage('用户名输入错误.', 'error');
						} else if(password != '11') {
							formMessage('密码输入错误.', 'error');
						} else {
							formMessage('登录验证成功，正在跳转.', 'succeed');
							idTimer = 1;
							Load(idTimer);
						}
					}, 500);
				}
			});
			 //提示信息
		    function formMessage(msg, type) {
		        $('.form-message').html('');
		        $('.form-message').append('<div class="form-' + type + '-text">' + msg + '</div>');
		    }
		</script>
	</body>

</html>